<ui:composition template="/WEB-INF/template/main_template.xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:c="http://java.sun.com/jstl/core" xmlns:p="http://java.sun.com/jsf/html">

    <ui:define name="menu">
        <ui:include src="/WEB-INF/include/admin_menu.xhtml"/>
    </ui:define>

    <ui:define name="content">
        <div id="productInfoEdit">
            <h:form>
                <h:panelGrid columns="2" columnClasses="testW1, testW2">
                    <h:outputLabel value="#{msgs.id}:"/>
                    <h:outputText value="#{productController.selectedProduct.id}"/>

                    <h:outputLabel value="#{msgs.ean}:"/>
                    <h:outputText value="#{productController.selectedProduct.ean}"/>

                    <h:outputLabel value="#{msgs.name}:"/>
                    <h:outputText value="#{productController.selectedProduct.name}"/>

                    <h:outputLabel value="#{msgs.price}:"/>
                    <h:outputText value="#{productController.selectedProduct.price}"/>

                    <h:outputLabel value="#{msgs.discount}:"/>
                    <h:outputText value="#{productController.selectedProduct.discount}"/>

                    <h:outputLabel value="#{msgs.brand}:"/>
                    <h:outputText value="#{productController.selectedProduct.brand.name}"/>

                    <h:outputLabel value="#{msgs.color}:"/>
                    <h:outputText value="#{productController.selectedProduct.color.name}"/>

                    <h:outputLabel value="#{msgs.category}:"/>
                    <h:outputText value="#{productController.selectedProduct.category}"/>

                    <h:outputLabel value="#{msgs.quantity}:"/>
                    <h:outputText value="#{productController.selectedProduct.quantity}"/>

                    <h:outputLabel value="Size:"/>
                    <c:forEach items="#{productController.selectedProduct.sizes}" var="aSize">
                        #{aSize.name},
                    </c:forEach>
                </h:panelGrid>
            </h:form>
        </div>
    </ui:define>
</ui:composition>